<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Ajax定时刷新 数据</title>
<script type="text/javascript" src="../js/jquery-3.3.1.min.js"></script>
</head>
<body>
	<div  id="shuJu"   style="background-color: red"></div>
	
	<button   type="button" onclick="huoqu();">获取</button>
	<script type="text/javascript">
		//定时执行程序
		//setInterval(huoqu, 1000);
	
	
		//alert($("#shuJu").html());
		function   huoqu()
		{
			$.get('ajaxPojo.do',{},
					function(data, textStatus){
							//累计添加
							//$("#shuJu").html($("#shuJu").html()+"<br>"+data);
							//刷新 
							//创建前台数组 获取里面信息
							alert(data);
							//激活 后台传递的数据信息 为  集合类型
							//获取到所有的集合
							 var sss=eval(data);
					 		//alert(sss);
					 		
							for(var  s=0;s<sss.length;s++)
							{
								//获取到每一个对象
								//alert(sss[s].sid+"----"+sss[s].sname);
								$("#shuJu").append('sid:'+sss[s].sid+',sname:'+sss[s].sname+"<br>");
							}
							
							
					})
		}
	
	</script>
</body>
</html>